<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/demo01.css"/>
	</head>
	<body>
		<div class="landIn-wrap">
			<div>
				<p class="landIn">Azure Lane アズールレーン</p>
				<p class="landIn developerDes">Manjuu，Yongshi</p>
				<p class="landIn author">Create by HatsuneMiku_YYY</p>
			</div>
		</div>
	</body>
	<script type="text/javascript">
			let landTexts=document.querySelectorAll(".landIn");
			landTexts.forEach(landText=>{
				let letters=landText.textContent.split("");
				landText.textContent="";
				letters.forEach((letter,i)=>{
					let span=document.createElement("span");
					span.textContent=letter;
					span.style.animationDelay=`${i*0.05}s`;
					landText.appendChild(span);
				})
			})
	</script>
</html>
